<template>
    <div class="card">
        <h2 class="pb20">我的名片</h2>
        <div class="card-list">
            <p>网名：孤寂无情</p>
            <p>职业：Web前端工程师</p>
            <p>现居：江西省南昌市</p>
            <p>Email：15279279713@163.com</p>
        </div>
        <div class="icon-list">
            <a class="iconfont icongithub" href="https://github.com/gujiwuqing" title="Github"></a>
            <a class="iconfont iconmayun" href="https://gitee.com/fwh1998" title="码云"></a>
            <a class="iconfont iconqq" title="1797101134" href="tencent://AddContact/?fromId=50&fromSubId=1&subcmd=all&uin=1797101134"></a>
            <a class="iconfont iconweixin"></a>
        </div>
    </div>
</template>

<script>
    export default {
        name: "home-businessCard"
    }
</script>

<style scoped lang="stylus">
.card
    height 260px
    width 282px
    box-sizing border-box
    background-color #333
    color: #d0d2d4;
    box-shadow: 0px 1px 0px rgba(255,255,255,.1), inset 0px 1px 1px rgba(0,0,0,.7);
    border-radius 3px
    padding 20px
.card-list
    p
        height 30px
        line-height 30px
        text-shadow: 0px 1px 2px rgba(0,0,0,.5);
.icon-list
    margin-top 30px
    a
      font-size 22px
      width 25%
      text-align center
      display inline-block
      color #fff
</style>